<h2 class="text-center">Gestion des vols</h2>

<div class="tabset row">
	<div class="col-sm-3">
		<ul class="nav nav-pills nav-stacked" role="tablist">
			<li ng-class="{'active': view_tab == 'tab2'}">
				<a ng-click="changeTab('tab2')" href="">Ajouter</a>
			</li>
			<li ng-class="{'active': view_tab == 'tab1'}">
				<a ng-click="changeTab('tab1')" href="">Rechercher</a>
			</li>
			<li ng-class="{'active': view_tab == 'tab3'}" ng-show="volSelected">
				<a ng-click="changeTab('tab3')" href="">Consulter</a>
			</li>
			<li ng-class="{'active': view_tab == 'tab4'}" ng-show="volSelected">
				<a ng-click="changeTab('tab4')" href="">Modifier</a>
			</li>
			<li ng-show="volSelected">
				<a ng-click="open()" href="">Supprimer</a>
			</li>
		</ul>
	</div>
	<div class="col-sm-9">
		<div ng-show="view_tab == 'tab2'">
			<ajoutervol vol-added="volAdded"></ajoutervol>
		</div>
		<div ng-show="view_tab == 'tab1'">
			<recherchervol data="data" vol-selected="volSelected" rafraichir-recherche="rafraichirRecherche"></recherchervol>
		</div>
		<div ng-show="view_tab == 'tab3'" ng-show="volSelected">
			This is tab 3 content
		</div>
		<div ng-show="view_tab == 'tab4'" ng-show="volSelected">
			This is tab 4 content
		</div>
	</div>
</div>